<!DOCTYPE html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telphone=no, email=no" />
    <title>注册</title>

    <link rel="stylesheet" href="/mobile-lib/OnsenUI/css/onsenui-core.min.css">
    <link rel="stylesheet" href="/mobile-lib/OnsenUI/css/onsen-css-components.min.css">
    <link rel="stylesheet" href="/mobile-sys/css/common.css">
    <link rel="stylesheet" href="/mobile-sys/css/toolbar-list.css">
    <link rel="stylesheet" href="/mobile-lib/loaders/loaders.min.css">
</head>

<body>
    <ons-page>

        <div id="my-toolbar">
            <ons-toolbar>
                <div class="left">
                    <button class="toolbar-button back-index" id="return">返回</button>
                </div>
                <div class="center">忘记密码</div>
            </ons-toolbar>
        </div>

        <div id="my-toolbar-list">
            <ons-list>
                <ons-list-item modifier="longdivider">
                    <div class="left">
                        <span class="list-item__title">手机号码</span>
                    </div>
                    <div class="center">
                        <ons-input placeholder="请输入手机号码" id="mobile-pwd"></ons-input>
                    </div>
                </ons-list-item>
                <ons-list-item modifier="longdivider">
                    <div class="left get-code">
                        <span class="list-item__title get-code"><ons-button id="getcode-btn">获取验证码</ons-button></span>
                    </div>
                    <div class="center">
                        <ons-input placeholder="请输入手机验证码" id="smscode"></ons-input>
                    </div>
                </ons-list-item>
            </ons-list>
        </div>

        <div id="my-toolbar-list">
            <ons-list>
                <ons-list-item modifier="longdivider">
                        <div class="left">
                            <span class="list-item__title">密码</span>
                        </div>
                        <div class="center">
                            <ons-input type="password" placeholder="请输入密码(6-16位)" id="pwd"></ons-input>
                        </div>
                    </ons-list-item>
                    <ons-list-item modifier="longdivider">
                        <div class="left">
                            <span class="list-item__title">确认密码</span>
                        </div>
                        <div class="center">
                            <ons-input type="password" placeholder="请再次输入密码"></ons-input>
                        </div>
                    </ons-list-item>
            </ons-list>
        </div>

        <div id="btn-cnt">
            <ons-button id="changePwd" class="btm-btn">完成</ons-button>
        </div>
    </ons-page>

    <script src="/mobile-lib/OnsenUI/js/onsenui.min.js"></script>
    <script src="/mobile-lib/jquery/jquery.min.js"></script>

    <script src="/mobile-sys/js/common.js"></script>
    <script src="/mobile-sys/js/pwd-fr.js"></script>
</body>

</html>
